.modal-bg{background:rgba(0,0,0,.5);bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:9}.modal-bg.active{display:block}.modal-bg.active .modal{background:#fff;border:1px solid #0072a7;border-radius:5px;display:block;left:calc(50vw - 350px);position:fixed;top:30%;width:700px}.modal-bg.active .modal .modal-body{padding:50px;position:relative}.modal-bg.active .modal .modal-body h2{font-size:1.5rem;line-height:1.625rem;margin:0 0 20px}.modal-bg.active .modal .modal-body .content{padding:20px}.modal-bg.active .modal .close{background:none;border:none;color:#0072a7;cursor:pointer;float:right;font-size:1.625rem;font-weight:700;outline:none;position:absolute;right:15px;top:15px;z-index:9999}@media only screen and (max-width:767px){.modal-bg.active .modal{left:5%;width:90%}.modal-bg.active .modal .modal-body{padding:15px}}